<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>关于赛鸣</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 导航 -->
    <div class="container-fluid">
      <nav class="navbar fixed-top navbar-light bg-light">
        <div class="container justify-content-start" style="width: 900px">
          <a class="navbar-brand" href="#" style="margin-right: 130px">
            <img
              src="/images/首页切图/smingtechlogo.png"
              alt=""
              width="120"
              height="35"
            />
          </a>

          <ul class="nav">
            <li class="nav-item">
              <a
                class="nav-link active"
                aria-current="page"
                href="./index.html"
                style="color: black"
                >首页</a
              >
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#" style="color: black">产品及解决方案</a>
            </li>
            <li class="nav-item position-relative">
              <a class="nav-link active" href="./about.html" style="color: black"
                >关于赛鸣</a
              >
              <!-- 字下方的小蓝条 -->
              <p
                class="position-absolute"
                style="
                  width: 60%;
                  border-bottom: 5px rgb(7, 117, 221) solid;
                  top: 90%;
                  left: 50%;
                  transform: translateX(-50%);
                "
              ></p>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./join.html" style="color: black">加入我们</a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
    <!-- 背景图片 -->
    <div class="container-fluid">
      <img
        src="./images/首页切图/home page_bannerbg.jpg"
        class="img-fluid"
        alt="..."
        style="width: 100%"
      />
    </div>
    <!-- 背景图下方的导航 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <div class="container" style="width: 900px">
        <div class="collapse navbar-collapse d-flex justify-content-end" id="navbarNav">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#p1">公司简介</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#p2">业务领域</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#p3">主要用户</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#p4">发展历程</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- 公司简介 -->
    <div class="container-fluid">
      <a name="p1"></a>
      <div class="container" style="width: 900px">
        <div class="section-title">
          <h2>公司简介</h2>
          <p></p>
        </div>
        <div class="container">
          <div class="row">
            <div class="col pt-4">
              <p>
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo quisquam
                quas, itaque voluptatem saepe deserunt doloribus dolores aperiam
                exercitationem vitae!
              </p>
              <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum dolor
                blanditiis molestias nihil sed incidunt.
              </p>
              <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, aliquid.
              </p>
            </div>
            <div class="col">
              <img src="./images/关于赛鸣切图/intor_bg.png" alt="" style="width: 100%" />
            </div>
          </div>
          <div class="row mt-5 mb-5">
            <div class="col">
              <div class="card px-2" style="max-width: 540px">
                <div class="row g-0 d-flex align-items-center justify-content-center">
                  <div
                    class="col-md-3 justify-content-end"
                    style="transform: translateX(20%)"
                  >
                    <img
                      style="transform: scale(0.8)"
                      src="./images/关于赛鸣切图/writings_ico.png"
                      alt="..."
                    />
                  </div>
                  <div class="col-md-8">
                    <div class="card-body">
                      <h5 class="card-title text-center fs-3 fw-bolder">81</h5>
                      <p class="card-text text-center fs-6 fw-normal">软件著作权</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col">
              <div class="card px-2" style="max-width: 540px">
                <div class="row g-0 d-flex align-items-center justify-content-center">
                  <div
                    class="col-md-3 justify-content-end"
                    style="transform: translateX(20%)"
                  >
                    <img
                      style="transform: scale(0.8)"
                      src="./images/关于赛鸣切图/team_ico.png"
                      alt="..."
                    />
                  </div>
                  <div class="col-md-8">
                    <div class="card-body">
                      <h5 class="card-title text-center fs-2 fw-bolder">60+</h5>
                      <p class="card-text text-center fs-6 fw-normal">团队员工</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col">
              <div class="card px-2" style="max-width: 540px">
                <div class="row g-0 d-flex align-items-center justify-content-center">
                  <div
                    class="col-md-3 justify-content-end"
                    style="transform: translateX(20%)"
                  >
                    <img
                      style="transform: scale(0.8)"
                      src="./images/关于赛鸣切图/porbat_ico.png"
                      alt="..."
                    />
                  </div>
                  <div class="col-md-8">
                    <div class="card-body">
                      <h5 class="card-title text-center fs-2 fw-bolder">50+</h5>
                      <p class="card-text text-center fs-6 fw-normal">见习人员</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col">
              <div class="card px-2" style="max-width: 540px">
                <div class="row g-0 d-flex align-items-center justify-content-center">
                  <div
                    class="col-md-3 justify-content-end"
                    style="transform: translateX(20%)"
                  >
                    <img
                      style="transform: scale(0.8)"
                      src="./images/关于赛鸣切图/user_ico.png"
                      alt="..."
                    />
                  </div>
                  <div class="col-md-8">
                    <div class="card-body">
                      <h5 class="card-title text-center fs-2 fw-bolder">200+</h5>
                      <p class="card-text text-center fs-6 fw-normal">服务用户</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 业务领域 -->
    <div
      class="container-fluid px-5"
      style="background-image: url(./images/关于赛鸣切图/business_bg.jpg)"
    >
      <a name="p2"></a>

      <div class="container px-5 py-5 justify-content-start" style="width: 900px">
        <img src="./images/关于赛鸣切图/field_photo.png" alt="..." style="width: 100%" />
      </div>
    </div>

    <!-- 主要用户 -->
    <div class="container-fluid">
      <a name="p3"></a>
      <div class="container" style="width: 900px">
        <div class="section-title">
          <h2>主要用户</h2>
          <p></p>
        </div>
        <div class="container">
          <!-- 政府机关 -->
          <table class="table table-borderless align-middle">
            <tbody>
              <tr>
                <th
                  class="bg-primary text-center font-monospace"
                  rowspan="3"
                  style="width: 5%; color: white"
                >
                  政府机关
                </th>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/市政工程.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
              </tr>
            </tbody>
          </table>

          <!-- 事业单位 -->
          <table class="table table-borderless align-middle">
            <tbody>
              <tr>
                <th
                  class="bg-primary text-center font-monospace"
                  rowspan="6"
                  style="width: 5%; color: white"
                >
                  企事业单位
                </th>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人力资源局.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人民保险.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/人民保险.jpg"
                    alt=""
                  />
                </td>
              </tr>

              <tr>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/尚赫.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/中车-1.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/中车.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/中国烟草.jpg"
                    alt=""
                  />
                </td>
              </tr>

              <tr>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/天津港石化.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/中电科.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/西京.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/龙都.jpg"
                    alt=""
                  />
                </td>
              </tr>

              <tr>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/恒众.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/天钢联合特钢.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/中国人寿.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/西门子.jpg"
                    alt=""
                  />
                </td>
              </tr>

              <tr>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/天钢-1.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/奔驰.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/医科大学.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/中石油.jpg"
                    alt=""
                  />
                </td>
              </tr>

              <tr>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/青岛东山.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/中信.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/长芦-1.jpg"
                    alt=""
                  />
                </td>
                <td>
                  <img
                    class="img-fluid img-thumbnail"
                    src="./images/关于赛鸣切图/logo/渤天化工.jpg"
                    alt=""
                  />
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <!-- 发展历程 -->
    <div
      class="container-fluid"
      style="
        background-image: url(./images/关于赛鸣切图/course_bg.jpg);
        background-position-y: 100%;
      "
    >
      <a name="p4"></a>

      <div class="container" style="width: 900px">
        <div class="section-title">
          <h2>发展历程</h2>
          <p></p>
        </div>
        <div class="container py-5 mb-3">
          <img
            style="width: 110%; transform: translateX(-10%)"
            src="./images/首页切图/course_photo.png"
            alt=""
          />
        </div>
      </div>
    </div>

    <!-- footer -->
    <div class="container-fluid pt-4" style="background-color: #ced4da">
      <!-- border: 1px solid red -->
      <div class="container pb-5 d-flex" style="width: 900px">
        <div class="row" style="">
          <div class="col-4">
            <ul class="list-group list-group-flush">
              <li class="list-group-item list-group-item-dark">
                <h3 class="title fs-5" style="color: #404c58">优秀产品</h3>
              </li>
              <li class="list-group-item list-group-item-dark">工厂智能平台</li>
              <li class="list-group-item list-group-item-dark">智能教育培训平台</li>
              <li class="list-group-item list-group-item-dark">智能房产</li>
              <li class="list-group-item list-group-item-dark">商城</li>
              <li class="list-group-item list-group-item-dark">其它</li>
            </ul>
          </div>
          <div class="col-3">
            <ul class="list-group list-group-flush" style="background-color: #d8e4ec">
              <li class="list-group-item list-group-item-dark" style="color: #959fa8">
                <h3 class="title fs-5" style="color: #404c58">解决方案</h3>
              </li>
              <li class="list-group-item list-group-item-dark">工厂智能平台</li>
              <li class="list-group-item list-group-item-dark">智能教育培训平台</li>
              <li class="list-group-item list-group-item-dark">智能房产</li>
              <li class="list-group-item list-group-item-dark">商城</li>
              <li class="list-group-item list-group-item-dark">其它</li>
            </ul>
          </div>
          <div class="col" style="margin-left: 50px">
            <ul class="list-group list-group-flush">
              <li class="list-group-item list-group-item-dark" style="font-size: 12px">
                联系我们
              </li>
              <li class="list-group-item list-group-item-dark" style="font-size: 12px">
                咨询电话：022-83717958 18622474586
              </li>
              <li class="list-group-item list-group-item-dark" style="font-size: 12px">
                商务合作：smingtech@smingtech.com
              </li>
              <li class="list-group-item list-group-item-dark" style="font-size: 12px">
                联系地址：天津市华苑产业园区兰苑路5号
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="container d-flex" style="width: 900px">
        <div class="box d-flex mx-auto">
          <p style="margin-top: 5px; border-top: 1px solid black"></p>
          <span>
            <a
              href="#"
              style="
                text-decoration: none;
                color: #5b5b5b;
                font-size: 13px;
                margin-right: 10px;
              "
            >
              Copyright ©
            </a>
          </span>
          <span>
            <a
              href="#"
              style="
                text-decoration: none;
                color: #5b5b5b;
                font-size: 13px;
                margin-right: 10px;
              "
            >
              赛鸣科技有限公司
            </a>
          </span>
          <span>
            <a
              href="#"
              style="
                text-decoration: none;
                color: #5b5b5b;
                font-size: 13px;
                margin-right: 10px;
              "
            >
              版权所有
            </a>
          </span>
          <span>
            <a href="#" style="text-decoration: none; color: #5b5b5b; font-size: 13px">
              津ICP备16009197号-1
            </a>
          </span>
          <div style="margin-left: 50px; color: #5b5b5b; font-size: 13px">
            <img src="./images/首页切图/guohui_photo.png" alt="" />
            津公网安备案 12010202001266号
          </div>
        </div>
      </div>
    </div>

    <!-- js -->
    <script src="./js/bootstrap.bundle.min.js"></script>
  </body>
</html>
